html,
body {
  height: 100%;
  -webkit-tap-highlight-color: transparent;
}
body,
.page {
  background-color: #FBF9FE;
}
.container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.page {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.hd {
  padding: 2em 0;
}
.page_desc {
  text-align: center;
  color: #888;
  font-size: 14px;
}
.bd.spacing {
  padding: 0 15px;
}
.page_title {
  text-align: center;
  font-size: 34px;
  color: #3CC51F;
  font-weight: 400;
  margin: 0 15%;
}
.global_navs {
  background-color: transparent;
}
.global_navs:before,
.global_navs:after {
  border-color: #D9DBDA;
}
.global_navs .cell {
  padding-top: .5em;
  padding-bottom: .5em;
}
.global_navs .cell:before {
  border-color: #D9DBDA;
}
.global_navs .icon_nav {
  width: 28px;
  height: 28px;
  display: block;
  margin-right: .7em;
}
.page.button .page_title {
  color: #225FBA;
}
.page.button .bd {
  padding: 0 15px;
}
.page.button .button_sp_area {
  padding: 10px 0;
  width: 60%;
  margin: 0 auto;
  text-align: justify;
  text-justify: distribute-all-lines;
  /*ie6-9*/
  font-size: 0;
}
.page.button .button_sp_area:after {
  display: inline-block;
  width: 100%;
  height: 0;
  font-size: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  content: ".";
}
.page.cell .page_title {
  color: #225FBA;
}
.page.cell .bd {
  padding-bottom: 30px;
}
.page.toast {
  background-color: #FFFFFF;
}
.page.toast .bd {
  padding: 120px 15px 0;
}
.page.dialog {
  background-color: #FFFFFF;
}
.page.dialog .bd {
  padding: 120px 15px 0;
}
.page.msg {
  background-color: #FFFFFF;
}
.page.msg .weui_msg {
  padding-top: 30px;
}
.page.article {
  background-color: #FFFFFF;
}
.page.article .page_title {
  color: #DE7C23;
}
.page.icons {
  background-color: #FFFFFF;
  text-align: center;
}
.page.icons .page_title {
  color: #3E24BD;
}
.page.icons .bd {
  padding: 30px 0;
  text-align: center;
}
.page.icons .icon_sp_area {
  padding: 10px 20px;
  text-align: left;
}
.page.icons i {
  margin: 0 5px 10px;
}
@keyframes slideIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideIn {
  from {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes slideOut {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes slideOut {
  from {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  to {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.page.slideIn {
  -webkit-animation: slideIn .2s forwards;
  -o-animation: slideIn .2s forwards;
  animation: slideIn .2s forwards;
}
.page.slideOut {
  -webkit-animation: slideOut .2s forwards;
  -o-animation: slideOut .2s forwards;
  animation: slideOut .2s forwards;
}


.w100{width:100%}.w90{width:90%}.w80{width:80%}.w70{width:70%}.w60{width:60%}.w50{width:50%}.w40{width:40%}.w30{width:30%}.w20{width:20%}.w15{width:15%}.w10{width:10%}
.mt5{margin-top:6px}.mt8{margin-top:10px}.mt10{margin-top:12px}.mt15{margin-top:18px}.mt20{margin-top:24px}.mt25{margin-top:30px}.mt30{margin-top:36px}.mt35{margin-top:42px}.mt40{margin-top:48px}.pt10{padding-top:12px}.pt20{padding-top:24px}.pt40{padding-top:48px}
.ft9{font-size:9px}.ft10{font-size:10px}.ft12{font-size:12px}.ft15{font-size:15px}.ft16{font-size:16px}.ft17{font-size:17px}.ft20{font-size:20px}.ft30{font-size:30px}.ft40{font-size:40px}.ft54{font-size:54px}


.w100{width:100%}.w90{width:90%}.w80{width:80%}.w70{width:70%}.w60{width:60%}.w50{width:50%}.w40{width:40%}.w30{width:30%}.w20{width:20%}.w15{width:15%}.w10{width:10%}
.mt5{margin-top:5px}.mt8{margin-top:8px}.mt10{margin-top:10px}.mt15{margin-top:15px}.mt20{margin-top:20px}.mt25{margin-top:25px}.mt30{margin-top:30px}.mt35{margin-top:35px}.mt40{margin-top:40px}.pt10{padding-top:10px}.pt20{padding-top:20px}.pt40{padding-top:40px}
.bgc1 { background:#fff}.bgc2{ background:#f5f5f5}.bgc3{ background:#fed900}.bgc4{ background:#fe0000}.bgc5{background:#93cb1f}.bgc6{background:#282828!important}
.c1{color:#272b27}.c2{color:#737373!important}.c3{color:#8b8b8b}.c4{color:#686868}.c5{color:#fed900}.c6{color:#009ffe}.c7{color:#fff}.c8{color:#826e00}
.tc{ text-align:center}.tl{text-align:left}.tr{ text-align:right}

.rel{ position:relative}
.abs{ position:absolute}
.fr{float:right}.fl{float:left}


.cf{*zoom:1}.cf:before,.cf:after{display:table;line-height:0;content:""}.cf:after{clear:both}.fixed{ position:fixed!important;left:0;width:100%;z-index:9}
.ft9{font-size:9px}.ft10{font-size:10px}.ft12{font-size:12px}.ft15{font-size:15px}.ft16{font-size:16px}.ft17{font-size:17px}.ft20{font-size:20px}.ft30{font-size:30px}.ft40{font-size:40px}.ft54{font-size:54px}
.b{font-weight:bold}.simhei{font-family:"simhei"}.fr{float:right}.fl{float:left}.w1{width:100%}.rel{ position:relative}
.overflow{overflow:hidden}input[type="submit"]{-webkit-appearance: none;}
.tc{ text-align:center}.tl{text-align:left}.tr{ text-align:right}

.btn{width:90%;height:35px;line-height:36px;background:#ffd800;border-style:none;border-bottom1px solid #eee;border-radius: 2px;margin-left: auto; margin-right:auto;display: block;color:#fff;}
.btn1{width:90%;height:22px; line-height:23px; background:#ffd800;border-radius: 2px;color:#fff;display:block;padding:0 6px;border-style:none;}
.btn2 {border-radius:20px;color:#fff;display:block;padding:2.5% 0;text-decoration:none}
.btn3 {border-radius:20px;color:#000;display:block;padding:1.6% 20px;text-decoration:none;border:1px solid #000}

.panel{margin-left:auto!important;margin-right:auto!important; display:block;}



.totalTime div{ background:url(./images/numBg.jpg) 50% repeat-x; background-size:100%;color:#826e00}
.totalTime span[id]{font-size:45px; display:inline-block; height:76px; line-height:77px; width:36px; text-align:center}
.totalTime td:nth-child(odd){width:24%}
.totalTime td:nth-child(even){width:9%}

.hide{display:none}.abs{ position:absolute}


